<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
           
            box-sizing: border-box;
            list-style: none;
        }
        p img{
            width: 20px;
            height: 20px;
        }
        .tp{
            float: right;
        }
        ol{
            display: flex;
        }
        ol li{
            margin-right: 580px;
            
        }
        ul li{
            position: relative;
        }
        .zo{
            width: 100%;
            background: #f4f4f4;
        }
        .yc{
            position: absolute;
            right: 10px;
            top: 10px;
            color: red;
            border: 1px solid red;
            border-radius: 10px;
        }
        .a{
            position: relative;
        }
        .th{
            position: absolute;
            right: 10px;
            background-color: red;
            border: 0;
            border-radius: 5px;
            color: #fff;
        }
    </style>
</head>
<body>
    <div class="big">
        <p><span>时间</span><span class="tp"><img src="./古月方源.jpeg"></span></p>
        <ol>
            <li><span>待提货</span></li>
            <li><span>在途</span></li>
            <li style="margin-right: 0px;"><span>已完成</span></li>
        </ol>
        <div class="zo">
            <ul>
                <li>
                    <p>任务编号ASFDSDFS <button class="yc">已延迟</button></p>
                    <p><img src="./古月方源.jpeg"><span>北京昌平区</span></p>
                    <p><img src="./古月方源.jpeg"><span>北京昌平区</span></p>
                    <hr>
                    <p class="a">
                        <span>
                            <button class="th">提货</button>
                            <span>提货时间</span><br>
                            <span>2022.05.05 13:00-14:00</span>
                        </span>
                    </p>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>